@import '@/assets/font/number-font.css';

//定制菜单配置
.layout-header-menu {
  .ant-menu-overflow > .ant-menu-overflow-item {
    padding: 0;
    text-align: center;
    height: 48rem;
    line-height: 48rem;
    width: 180rem;
    color: rgba(255, 255, 255, 0.85);
    margin-left: 14rem;
    background: url(@/assets/images/frame/top-menu.png);
    background-size: 100% 100%;

    .ant-menu-submenu-arrow {
      display: inline-block;
    }

    &.ant-menu-submenu-selected, &.ant-menu-submenu-active, &.ant-menu-item-selected, &.ant-menu-item-active {
      background: url(@/assets/images/frame/top-menu-active.png);
      background-size: 100% 100%;

      &::after {
        border-bottom: none;
      }
    }
  }
}

//子菜单弹出框配置
.ant-menu-submenu-popup {
  font-size: 14rem;

  .ant-menu-vertical {
    padding: 6rem 0 !important;

    .ant-menu-item {
      width: 100% !important;
      margin: 0 !important;
    }
  }


}


.layout-header {
  z-index: 999;
  color: #fff;
  display: flex;
  justify-content: space-between;
  position: relative;
  height: 195rem;
  background: url('@/assets/images/frame/header-right.png') right 54rem top 28rem/1586rem 27rem no-repeat;

  .layout-header-left {
    padding: 74rem 0 0 74rem;
    background: url('@/assets/images/frame/header-left.png') 67rem 47rem/183rem 16rem no-repeat;
  }

  .layout-header-right {
    flex: 1;
    text-align: right;
    width: 1rem;
    padding: 78rem 69rem 20rem 0;
  }

  .logo {
    height: 90rem;
    min-width: 200rem;
  }

  .header-top-right {
    width: 260rem;
    position: absolute;
    top: 39rem;
    right: 80rem;
    color: #fff;
    font-family: 'number-2', serif;
    font-weight: 300;
    text-align: left;

    & > * {
      position: absolute;
    }

    .time {
      text-align: center;
      left: 2rem;
      width: 87rem;
      font-size: 25rem;
    }

    .date {
      top: 7rem;
      left: 97rem;
      font-size: 11rem;
      line-height: 1;
    }

    .header-right-action {
      margin: 4rem;
      cursor: pointer;
      width: 24rem;
      height: 24rem;
      background: url('@/assets/images/frame/top-right-icons.png') no-repeat;
      background-size: 72rem 24rem;

      &.full-screen {
        top: 3rem;
        left: 190rem;
        background-position: -24rem 0;
      }

      &.user {
        top: 3rem;
        left: 158rem;
        background-position: 3rem 0;
      }

      &.logout {
        top: 3rem;
        left: 228rem;
        background-position: -48rem 0;
      }
    }

    .divider-vertical {
      left: 221rem;
      top: 10rem;
      height: 18rem;
      width: 1rem;
      margin: auto 4rem;
      border-left: rgba(230, 230, 230, 0.56) solid 1rem;
    }
  }

  .info-line {
    margin-top: 8rem;
    text-align: right;
    font-size: 14rem;
  }
}